<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" title="default" />
	<script src="js/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script type="text/javascript">		
	$(document).ready(function() {		
		var e = $('.erro-login');
		e.addClass('ativa');
		e.fadeIn("slow"); 
		e.queue(function(){ 
		  setTimeout(function(){ 
		    e.dequeue(); 
		  }, 6000 ); 
		}); 
		e.fadeOut('fast');		
	});
	</script>
</h:head>
<body id="login-bg">
	<!-- Start: login-holder -->
<div id="login-holder">
	<!-- start logo -->
	<div id="logo-login">		
		<img src="images/shared/logo.png" width="750" height="200" alt="" />		
	</div>
	<!-- end logo -->
	
	
	<div class="clear"></div>
	
	<!--  start loginbox ................................................................................. -->
	<div id="loginbox">
	<!--  start login-inner -->
	<h:form>
	<div id="login-inner">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<th>Usuário:*</th>
			<td><h:inputText value="#{loginBean.user}"></h:inputText></td>
		</tr>
		<tr>
			<th>Senha:*</th>
			<td><h:inputSecret value="#{loginBean.passwd}" ></h:inputSecret></td>
		</tr>
		<tr>
			<th></th>
			<td valign="top"></td>
		</tr>
		<tr>
			<th></th>
			<td><h:commandButton action="#{loginBean.login}" value="Enviar" styleClass="submit-login" /></td>
		</tr>
		</table>
	</div>
	</h:form>
 	<!--  end login-inner -->
	<div class="clear"></div>
	<h:messages globalOnly="false" layout="list" showDetail="true" warnClass="erro-login" dir="ltr"></h:messages>
 </div>
 <!--  end loginbox -->
 
	<!--  start forgotbox ................................................................................... -->
	<div id="forgotbox">
		<div id="forgotbox-text"></div>
		<!--  start forgot-inner -->
		<div id="forgot-inner">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
			<th>Email:</th>
			<td><input type="text" value=""   class="login-inp" /></td>
		</tr>
		<tr>
			<th> </th>
			<td><input type="button" class="submit-login"  /></td>
		</tr>
		</table>
		</div>
		<!--  end forgot-inner -->
		<div class="clear"></div>
		<a href="" class="back-login">Back to login</a>
	</div>
	<!--  end forgotbox -->

</div>
<!-- End: login-holder -->
</body>
	
</html>